草庐IT

php - 基于 DOM 的 XSS 攻击和 InnerHTML

全部标签

javascript - 将 DOM 操作与 Angular Controller 分离——需要最佳实践

为了寻找构建Angular应用程序的“最佳”方式,我找到了几篇最佳实践文章。有了这个输入,我这样做了:angular.module('xApp',[])//.....someservices,factories,controllers,.....directive('dirNotification',[functiondirNotification(){return{scope:{},templateUrl:'xNotification.html',replace:true,controller:'CtrlNotification',link:function($scope){//if

javascript - React 的 getDOMNode 总是返回组件的根 DOM 节点而不是引用的节点

我正在努力在React中使用refs。它们总是返回组件的根DOM节点而不是引用的节点。请考虑以下示例:varAuthApp=React.createClass({onSubmitClick:function(event){varusernameInput=this.getDOMNode(this.refs.username);//Thislogsrootinsteadof,why???console.log(usernameInput);},render:function(){return();}});我检查了优秀的ChromeReact插件中的代码,似乎this.refs.usern

javascript - Visual Studio 2015 javascript 访问 dom 元素

在VisualStudio2015“JavascriptuniversalWindows”应用程序中,我有这个非常简单的代码:BEFOREwindow.onload=function(){document.getElementById("myDiv").innerHTML="AFTER";};如果我运行应用程序,选择“本地机器”或任何WindowsPhone模拟器,我会看到“之前”:更改div的innerHtml的行未执行。否则,如果我在VisualStudio之外执行html文件,在浏览器窗口中,我会看到“AFTER”:这对所有浏览器都是如此,但InternetExplorer11的

javascript - 在 2 个 React DOM 之间传递数据

在一个网站中,我有多个react渲染元素。我想在这两个单独的元素之间传递数据。在2个元素之间传递数据的可能选项是什么ReactDOM.render(,document.getElementById('header'));ReactDOM.render(,document.getElementById('sidebar'));我想在这些元素之间有一个单一的数据存储。就像我在一个组件中获取数据,我希望所有元素(在所有ReactDOM中)都可以访问该数据。那么可能的选择是什么?编辑:由于要求,我无法将它们合并到同一个根组件中。只有部分页面处于react状态,其他部分仍在HTML/Jquery

javascript - document.write() 与插入 DOM 节点 : preserve form information?

考虑两个分别在其正文中包含以下内容的网页:document.writeln('')和vart=document.createElement('textarea');document.body.appendChild(t);(将它们视为更大事物的一部分,其中文本区域必须从JavaScript生成并且不能硬编码到页面中)。它们都产生相同的输出,但前者被认为是“坏”的,而后者被认为是“正确”的方式。(对吗?)另一方面,如果您在页面中输入内容然后刷新它,或者转到其他地方并点击返回,那么在前一种情况下,您在文本区域中输入的内容会被保留,而在后一种情况下它是丢失。(至少在Firefox上是这样。)

javascript - 使用 jQuery 扩展 DOM 元素

我想扩展一个DOM元素而不扩展所有元素。也就是说,我想要一个具有自己的方法和属性的自定义类,但也能够将其视为一个div。例如MyClass=function(){this.foo="waaa";}MyClass.prototype.changeText=function(newtext){//ifthisextended$(document.createElement("div"))something//likethismightbepossiblethis.html(newtext);}MyClass.prototype.alertFoo=function(){alert(this.

javascript - 如何基于另一个数组在 Javascript 中重新排序这个数组?

real_order=['1','2','3','4'];friends=[{name:'jess',id:'4'},{name:'alex',id:'1'},{name:'kat',id:'3'},{name:'bob',id:'2'}]如何使“friends”数组“匹配”real_order中的元素?结果应该是:[{name:'alex',id:'1'},{name:'bob',id:'2'},{name:'kat',id:'3'},{name:'jess',id:'4'},]什么是最有效的解决方案? 最佳答案 下面是一些可以做

javascript - ICANHAZ.js 呈现 dom 元素而不是文本

参数:''+somecontent+''+somecontent2模板:{{param}}在浏览器中我有:<divclass="someclass">somecontent</div>somecontent2如何隔离.someclass,使其呈现为dom元素,而不是文本? 最佳答案 我认为默认情况下所有的Html元素都被转义了。要返回未转义的Html,请使用三重mustache:{{{param}}} 关于javascript-ICANHAZ.js呈现dom元素而

使用 Firebug 的 Javascript 观察基于表达式的断点?

现在正在处理一些事件路由,还有很多调试步骤。我知道在javascript中使用“调试器”并将其放在条件之后,这很有用。我也知道右键单击断点以添加更好的测试表达式。然而......我不知道这东西会把我带到哪里,我开始用坏我的功能键。有什么方法可以在watch表达式中添加断点吗?基本上这个想法是这样的,在附件范围内,我想检查一个名为“this.id”的变量。如果this.id是我想要的值,我将进入调试器。有什么想法吗?谢谢想补充的是,下面Didier的回答解决了我的问题,正如他们在装饰“函数”一文中概述的那样。这很可能是在所有函数中搜索我想要的值的阻力最小的路径。Function.prot

javascript - 明显的jsonp xss漏洞

我们的一些客户提示说我们所有的JSONP端点都存在XSS漏洞,但我不同意它是否真的构成漏洞。想要获得社区的意见以确保我没有遗漏任何东西。因此,与任何jsonp系统一样,我们有一个像这样的端点:http://foo.com/jsonp?cb=callback123其中cb参数的值在响应中重放:callback123({"foo":"bar"});客户提示我们没有在CB参数中过滤掉HTML,所以他们会想出一个这样的例子:http://foo.com/jsonp?cb=显然,对于返回内容类型text/html的URL,这会带来一个问题,即浏览器呈现该HTML,然后在onload处理程序中执行